<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>部门列表</title>
    <link rel="stylesheet" href="static/plugins/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="static/plugins/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="static/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/css/common.css">
   	<style type="text/css">
    
    	.todolist.overlap .cusp {
		    padding: 20px 26px;
		    margin-bottom: -27px;
		}
    
    	.todolist.overlap .list-sel-btn span {
		    position: absolute;
		    display: block;
		    left: 0;
		    right: 0;
		 
		  bottom: 24px;
    	}
    	
    </style> 
</head>
<body>
    <!--  -->
    <div class="all-wrapper">
        <div class="row com-header" style="text-align:center;">
            <span>鹰潭市行政服务中心</span>
        </div>
        <div class="row main-content todolist overlap">
            <div class="row">
                <div class="col-md-5">
                    <a href="/smartTerminal/getoritems?type=2">
                        <div class="todolist-panel personal">
                            <span>个人办事</span>
                        </div>
                    </a>
                    <a href="/smartTerminal/getoritems?type=1">
                        <div class="todolist-panel group">
                            <span>企业办事</span>
                        </div>
                    </a>
                    <a href="/smartTerminal/getSiteList" class="active">
                    <div class="todolist-panel partment">
                            <span>部门办事</span>
                        </div>
                    </a>
                </div>
                <div class="col-md-19 list-btn-groups">
                    <div class="row">
            			<c:forEach var="site" items="${siteList }">
            				<a class="col-md-4 cusp" href="/smartTerminal/getSiteItemList?type=3&siteName=${site.getSITE_NAME() }&currentpage=1&pagesize=3">
                            <div class="list-sel-btn" style="height: 52px">
                            	<%-- <div>
                            		<font color="black" font-family="宋体">${site.getSITE_NAME() }</font>
                            	</div> --%>
                             <span>${site.getSITE_NAME() }</span> 
                            </div>
                        </a>
            			</c:forEach>
                    </div>
                </div>
            </div>
        </div>
         <div class="row footer">
            <a class="btn btn-success btn-lg" href="loginOut" role="button"><i class="fa fa-reply"></i>返回首页</a>
            <a class="btn btn-primary btn-lg" href="javascript:history.go(-1)" role="button"><i class="fa fa-arrow-left"></i>上一步</a>
        </div>
    </div>
    <!--  -->
    <script src="static/plugins/html5shiv.min.js" id="html5shiv"></script>
    <script src="static/plugins/respond.min.js" id="respond"></script>
    <script src="static/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="static/plugins/bootstrap/bootstrap.min.js" type="text/javascript"></script>
    <script src="static/plugins/bootstrap/bootstrapValidator.js" type="text/javascript"></script> 
    <script src="static/js/common.js" type="text/javascript"></script>
</body>
//span多余字数显示...
<script type="text/javascript">

	$('.list-sel-btn span').each(function() {
	    var words = $(this).text().length;
	    if(words > 4){
	        $(this).text($(this).text().slice(0,4)+"...");
	    }
	});
	
</script>

<!-- 添加动画 -->
<script type="text/javascript">

	var index = layer.load(3, {
	    shade: [0.3,'#000'] //0.1透明度的白色背景  
	});
	setTimeout(function(){
	    layer.close(index);
	},500);


</script>

</html>